<template>
  <view class="unfinish-order">
    <view class="order-title">
      <text>{{title}}</text>
    </view>
    <view class="order-info">
      <text>{{infoText}}</text>
    </view>
    <view class="order-btn">
      <van-row gutter="15">
        <van-col span="12">
          <van-button @click="handleCancel" plain type="primary" color="#105BDE" >取消</van-button>
        </van-col>
        <van-col span="12">
          <van-button @click="handleSubmit" color="linear-gradient(#0366E0, #1E50DC)" type="info">确定</van-button>
        </van-col>
      </van-row>
    </view>
  </view>
</template>

<script>
  import Toast from '@/wxcomponents/vant/toast/toast';
  export default {
    props: {
      dialogType: {
        type: String,
        required: true
      },
      title: {
        type: String,
        required: true
      },
      infoText: {
        type: String,
        required: true
      }
    },
    data() {
      return {

      }
    },
    methods: {
      handleSubmit() {
        this.$emit('handleSubmit')
        this.handleCancel()
      },
      handleCancel() {
        this.$emit('handleCancel')
      }
    }
  }
</script>

<style lang="less" scoped>
  .unfinish-order {
    
    .order-title {
      text-align: center;
      font-size: 18px;
      padding:  17px 25px;
      font-weight: 500;
    }
    .order-info {
      padding: 0 25px 17px;
      text-align: center;
      font-size: 14px;
      line-height: 25px;
    }
    .order-btn {
      padding: 0 15px 15px;
    }
  }
</style>
